<template>
	<view class="re_list_item" @click="itemClick">
		<image :src="itemObj.picUrl" mode=""></image>
		<p>{{itemObj.name}}</p>
	</view>
</template>
 
<script>
	import {getSongSheet} from '@/network/axios/getSongSheet'
	
	export default {
		name: '',
		props: {
			itemObj: {
				type: Object,
				default() {
					return {}
				}
			}
		},
		data(){
			return {
			}
		},
		methods:{
			itemClick() {
				// console.log(this.itemObj)
				let context = this
				uni.navigateTo({
					url: `../songSheet/SongSheet?id=${context.itemObj.id}`,
					animationType: "slide-in-right",
					animationDuration: 1000
					//传送id
					// success(res) {
					// 	res.eventChannel.emit("sendId", {data: context.itemObj.id})	
					// }
				})
			}
		}
	}
</script>
 
<style lang="less" scoped>
	.re_list_item {
		width: 30%;
		font-size: 10px;
		margin: 5px;
		image {
			width: 100%;
			height: 100px;
			border-radius: 10px;
		}
		p {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
</style>
